<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>antd 标签页!</title>
    <script src="https://cdn.bootcss.com/react/16.2.0/umd/react.production.min.js"></script>
    <script src="https://cdn.bootcss.com/react-dom/16.2.0/umd/react-dom.production.min.js"></script>
    <script src="https://cdn.bootcss.com/babel-standalone/6.26.0/babel.min.js"></script>
    <script src="https://cdn.bootcss.com/moment.js/2.19.4/moment.min.js"></script>
    <link href="https://cdn.bootcss.com/antd/3.0.3/antd.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/antd/3.0.3/antd.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"></script>
    <style>
        #root{
            padding: 40px 24px;
        }
    </style>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
    var mountNode = document.getElementById('root');
    const { Tabs, Icon } = antd;
    const TabPane = Tabs.TabPane;

    ReactDOM.render(
        <Tabs defaultActiveKey="2" animated={false}>
            <TabPane tab={<span><Icon type="apple" />Tab 1</span>} key="1">
                Tab 1
            </TabPane>
            <TabPane tab={<span><Icon type="android" />Tab 2</span>} key="2">
                Tab 2
            </TabPane>
        </Tabs>
        , mountNode);
</script>
</body>
</html>